<!DOCTYPE html>
<html class="um landscape min-width-240px min-width-320px min-width-480px min-width-768px min-width-1024px">
<head>
<title><!--智能监控--></title>
<meta charset="utf-8">
<meta name="viewport" content="target-densitydpi=device-dpi, width=device-width, initial-scale=1, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
<link rel="stylesheet" href="css/ui-base.css">
<link rel="stylesheet" href="css/ui-box.css">
<link rel="stylesheet" href="css/project/ui-color-v3.css">
<link rel="stylesheet" href="css/project/style.css">
<link rel="stylesheet" href="css/zv_common.css">
<script src="js/zy_control.js"></script>
<script src="js/main.js"></script>
<script src="js/talkingdata.js"></script>
<style type="text/css">
.zv_imc{  background:#789de2; color:#fff}
.zv_imc1{background:#f2f2f2; color:#333333}
.zv_imcline{  background:#789de2; color:#fff; border-right:1px solid #fff;}
.zv_imcline1{color:#333333; border-bottom:1px solid #789de2; border-left:1px solid #789de2;}
.zv_imcline2{ border-right:1px solid #789de2;}
.zv_imcline3{border:1px solid #789de2; background:#ffcc00;}
</style>
</head>
<body class="um-vp c-wh" ontouchstart>
<div class="ub ub-ver" id="imcontent" >
	
</div>
</body>

<script>
zy_init();
window.uexOnload=function(type){
			if(!type){
				uexWindow.setBounce("0");
				IC.talkingDataCount("智能监控","0019");
			}
			$$("PickDate").innerHTML = getNowFormatDate();
			$$("Flight_Date").innerHTML = getNowFormatDate();
}
var data = [{"OPERATIONNAME":"MU5101","POPERATIONACTUALDEPARTURE":"2014/9/17","PREVIOUSSTATION":"PEK","OPERATIONINTERNALNAME":"B6083","OPERATIONEQUIPMENT":"333","POPERATIONACTUALDEPARTURE":"11:33:00","TASKSCHEDULEDSTART":"22:45","OPERATIONESTIMATEDSTART":"22:49","TASKACTUALSTART":"22:45","OPERATIONACTUALEND":"00:19","OPERATIONESTIMATEDEND":"00:00","OPERATIONPLANNEDEND":"00:00"},{"OPERATIONNAME":"MU5101","POPERATIONACTUALDEPARTURE":"2014/9/17","PREVIOUSSTATION":"PEK","OPERATIONINTERNALNAME":"B6083","OPERATIONEQUIPMENT":"333","POPERATIONACTUALDEPARTURE":"11:33:00","TASKSCHEDULEDSTART":"22:45","OPERATIONESTIMATEDSTART":"22:49","TASKACTUALSTART":"22:45","OPERATIONACTUALEND":"00:19","OPERATIONESTIMATEDEND":"00:00","OPERATIONPLANNEDEND":"00:00"}]
var str = "";

	for(i=0;i<data.length;i++)
	{
		str+='<tr>';
		str+='<div class="ub-ac uinn1 zv_imc">';
        str+='<ul class=" ub ub-ac lis zv_h ulev0">';
        	str+='<li class="ub-f1">'+data[i].OPERATIONNAME+'</li>';
            str+='<li class="umw4">'+data[i].POPERATIONACTUALDEPARTURE+'</li>';
        str+='</ul>';
    	str+='</div>';
		str+='<div class="ub-ac uinn1 zv_imc1 zv_bb">';
			str+='<ul class=" ub ub-ac lis zv_h ulev0">';
				str+='<li class="umw4">'+data[i].PREVIOUSSTATION+'</li>';
				str+='<li class="ub-f1 tx-c" style="text-align:center">'+data[i].OPERATIONNAME+'</li>';
				str+='<li class="umw4">桥位：'+data[i].OPERATIONEQUIPMENT+'</li>';
			str+='</ul>';
		str+='</div>';
		str+='<div class="ub-ac ub uinn1 umar-t">';
			str+='<div class="ub ub-ver ub-f1">';
				str+='<div class="uc-t zv_h1 zv_imcline tx-c ">前站落地</div>';
				str+='<div class="zv_h1 zv_imcline1 tx-c">'+data[i].POPERATIONACTUALDEPARTURE+'</div>';
			str+='</div>';
			str+='<div class="ub ub-ver ub-f1">';
				str+='<div class="uc-t zv_h1 zv_imcline tx-c ">计划起飞</div>';
				str+='<div class="zv_h1 zv_imcline1 tx-c">'+data[i].TASKSCHEDULEDSTART+'</div>';
			str+='</div>';
			str+='<div class="ub ub-ver ub-f1">';
				str+='<div class="uc-t zv_h1 zv_imcline tx-c ">预　　离</div>';
				str+='<div class="zv_h1 zv_imcline1 tx-c">'+data[i].OPERATIONESTIMATEDSTART+'</div>';
			str+='</div>';
			str+='<div class="ub ub-ver ub-f1">';
				str+='<div class="uc-t zv_h1 zv_imc tx-c ">目标保障</div>';
				str+='<div class="zv_h1 zv_imcline1 zv_imcline2 tx-c">'+data[i].TASKACTUALSTART+'</div>';
			str+='</div>';
		str+='</div>';
		str+='<div class="ub-ac ub uinn1 umar-t" style=" margin-bottom:0.5em;">';
			str+='<div class="ub ub-ver ub-f1">';
				str+='<div class="uc-t zv_h1 zv_imcline tx-c ">实际停靠</div>';
				str+='<div class="zv_h1 zv_imcline1 tx-c">'+data[i].OPERATIONACTUALEND+'</div>';
			str+='</div>';
			str+='<div class="ub ub-ver ub-f1">';
				str+='<div class="uc-t zv_h1 zv_imcline tx-c ">预计到达</div>';
				str+='<div class="zv_h1 zv_imcline1 tx-c">'+data[i].OPERATIONESTIMATEDEND+'</div>';
			str+='</div>';
			str+='<div class="ub ub-ver ub-f1">';
				str+='<div class="uc-t zv_h1 zv_imcline tx-c ">计划到达</div>';
				str+='<div class="zv_h1 zv_imcline1 zv_imcline2 tx-c">'+data[i].OPERATIONPLANNEDEND+'</div>';
			str+='</div>';
			str+='<div class="ub-f1 uc-a tx-c zv_imcline3" style="height:4em; line-height:4em; margin-left:0.1em" onclick="OpenView()">打开视图</div>';
		str+='</div>';
		str+='<div  style=" background:#f2f2f2; height:4em; margin-top:0.5em;">';
        str+='<div class="ub-ac ub uinn1" style=" background:#f2f2f2">';
            str+='<div class="umw2" style="margin-right:0.5em">EIBT</div>';
            str+='<div class="ub ub-f1">';
                str+='<div style=" width:100%">';
                   str+=' <ul class=" ub ub-ac lis zv_h ulev0" style="position:relative">';
                    str+='<li style=" width:38%; background-color:#00ff00; height:1em;"></li>';
                    str+='<li style=" width:18%; background:#f0f000;height:0.8em; position:relative ">';
                        str+='<div style="position:absolute;top:0.9em; right:-33px; background:url(images/maopao.png) no-repeat; background-size:130%; padding-top:0.1em; height:1.5em; line-height:1.8em; padding-left:0.2em;">09:25</div>';
                    str+='</li>';
                    str+='<li style=" width:44%; background:#ff3e3e;height:0.6em;"></li>';
                    str+='</ul>';
                str+='</div>';
            str+='</div>';
            str+='<div class="umw2" style="margin-left:0.5em">EOBT</div>';
        str+='</div>';
    str+='</div>';
	}
	
	document.getElementById("imcontent").innerHTML = str;


function OpenView(){
	uexWindow.open("intelligent_monitoring_view",0,"intelligent_monitoring_view.html",0,"","",0);
	IC.talkingDataCount("智能监控","0019");
	}
</script>
</html>
